<div class="max-main">
	<!--头部-->
	<div class="bannertop">
		<div class="bannertopimg" style="background:url(<?php echo $skill->getCover(); ?>);background-size:cover;"></div>
        <div class="userdiv">
        	<div class="userphoto"><img src="<?php echo $skill->getUser()->getCover(''); ?>" width="100" height="100" /></div>
            <div class="usertxt">
            	<div class="a"><?php echo $skill->getUser()->getNickname(); ?>&nbsp;|&nbsp;<?php echo date('Y.m.d',strtotime($skill->getCreatedAt())); ?>&nbsp;
                    |&nbsp;<?php echo $skill->getStatistical()->getStepNum(); ?>步骤&nbsp;|&nbsp;<?php echo $skill->getStatistical()->getPhotoNum(); ?>图</div>
                <div class="b">
                    <?php foreach($skill->getTags() as $tag): ?>
                    <span><?php echo $tag; ?></span>
                    <?php endforeach; ?>
                </div>
                <div class="c"><span>适用年龄&nbsp;&nbsp;<?php echo $skill->getAgeRangeToString(); ?>岁</span></div>
            </div>
        </div> 	
    </div>
	
    <!--主体-->
    <div class="maincontent">
        <?php foreach($skill->getAllStepBySortNum() as $step): ?>
    	<div class="maintitle"><span>Step<?php echo $step->getSortNum() ?></span><?php echo $step->getTitle() ?></div>
        <div class="maincont">
            <?php foreach($step->getBlocksBySortNum() as $block): ?>
            <p><?php echo $block->getRaw('content'); ?></p>
            <?php endforeach; ?>
<!--        	<p><img src="../images/fx/img1.png" /></p>
        	<p>拆下材料，进行分类拆下材料，进行分类拆下材料，进行分类拆下材料，进行分</p>
            <p><img src="../images/fx/img1.png" /></p>
        	<p>宝贝已经收到了，包装很赞，本以为压盒会有比较大的压痕，没有想到压盒和好盒基本一样，没有一点压痕，有点小惊喜哈！玩具还没有拆封，有点小疑惑的是说明书，说明书拆袋看了看，觉得印刷的纸张非常薄，纸质赶脚有点次，不知道专柜卖的说明书是不是也是这样子的？说明书让我有些许的疑虑！</p>-->
                
        </div>
        <?php endforeach; ?>
<!--        <div class="maintitle"><span>Step2</span>这是一个响当当的步骤名称</div>
        <div class="maincont">
        	<p>宝贝已经收到了，包装很赞，本以为压盒会有比较大的压痕，没有想到压盒和好盒基本一样，没有一点压痕，有点小惊喜哈！玩具还没有拆封，有点小疑惑的是说明书，说明书拆袋看了看，觉得印刷的纸张非常薄，纸质赶脚有点次，不知道专柜卖的说明书是不是也是这样子的？说明书让我有些许的疑虑！</p>
            <p><img src="../images/fx/img1.png" /></p>
        </div>-->
        
        <div class="gotop"><div><a href="#top">返回顶部</a></div></div>
        <div class="qcode"><img src="../images/fx/pcode.png" /><br />注更多 懂小孩 精彩内容<br />可以长按二维码下载我们的应用</div>
        
        <div class="maintitles">大家都在看</div>
        <div class="mainlist">
            <?php foreach($recommend_skills as $skill): ?>
        	<div class="listdiv">
            	<div class="listimg"><img src="<?php echo $skill->getCover(); ?>" width="328" height="100"></div>
                <div class="listusr"><div class="listusrcont">
                    <div class="listuserphoto"><img src="<?php echo $skill->getUser()->getCover(); ?>" /></div>
                    <div class="listusertxt">
                    	<div class="a"><?php echo $skill->getTitle(); ?></div>
                        <div class="b">适用年龄&nbsp;&nbsp;<?php echo $skill->getAgeRangeToString(); ?></div>
                        <div class="c"><?php echo $skill->getStatistical()->getLikeNum(); ?>&nbsp;人喜欢</div>
                    </div>
                </div></div>
            </div>
           <?php endforeach; ?> 
<!--            <div class="listdiv">
            	<div class="listimg"><img src="../images/fx/img2.png"></div>
                <div class="listusr"><div class="listusrcont">
                    <div class="listuserphoto"><img src="../images/fx/pic2.jpg" /></div>
                    <div class="listusertxt">
                    	<div class="a">赛道四驱车制作</div>
                        <div class="b">适用年龄&nbsp;&nbsp;10+</div>
                        <div class="c">1120&nbsp;人喜欢</div>
                    </div>
                </div></div>
            </div>
            
            <div class="listdiv">
            	<div class="listimg"><img src="../images/fx/img2.png"></div>
                <div class="listusr"><div class="listusrcont">
                    <div class="listuserphoto"><img src="../images/fx/pic2.jpg" /></div>
                    <div class="listusertxt">
                    	<div class="a">赛道四驱车制作</div>
                        <div class="b">适用年龄&nbsp;&nbsp;10+</div>
                        <div class="c">1120&nbsp;人喜欢</div>
                    </div>
                </div></div>
            </div>
            
            <div class="listdiv">
            	<div class="listimg"><img src="../images/fx/img2.png"></div>
                <div class="listusr"><div class="listusrcont">
                    <div class="listuserphoto"><img src="../images/fx/pic2.jpg" /></div>
                    <div class="listusertxt">
                    	<div class="a">赛道四驱车制作</div>
                        <div class="b">适用年龄&nbsp;&nbsp;10+</div>
                        <div class="c">1120&nbsp;人喜欢</div>
                    </div>
                </div></div>
            </div>-->
            
        </div>
        
    </div>